<!DOCTYPE html>
<html>
<head>
	<title>订单跟踪表</title>
	<#include "/header.html">


	<meta charset="utf-8">
	<meta content="webkit" name="renderer" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta content="width=device-width, initial-scale=1, user-scalable=1" name="viewport" />
	<meta content="Rease Demo V1.0 - Powered By JeeSite" name="description" />
	<meta content="ThinkGem, http://reease.com" name="author" />
	<title></title>
	<style>

		div,ul,ol,li,dl,dt,dd,form,input,textarea,p{
			margin:0;
			padding:0;
			font-size:14px;
		}
		/*h1,h2,h3,h4,h5,h6,*/
		ul{
			list-style:none;
		}
		img,a img{
			border:0;
			text-decoration:none;
		}
		a,p,ul li{
			text-decoration:none;
			color:#444444;
		}
		table.gridtable {
			font-family: verdana,arial,sans-serif;
			font-size:11px;
			color:#333333;
			border-width: 1px;
			border-color: #666666;
			border-collapse: collapse;
		}
		table.gridtable th {
			border-width: 1px;
			padding: 8px;
			border-style: solid;
			border-color: #666666;
			background-color: #fff;
		}

		table.gridtable td.prop {
			border-width: 1px;
			padding: 8px;
			border-style: solid;
			border-color: #666666;
			background-color: #fff;
			font:bold 15px "Microsoft YaHei";
		}

		table.gridtable td.normal-prop {
			/*width:139px;*/
			width:140px;
		}

		table.gridtable td.normal-value {
			width:510px;
		}

		table.gridtable td.large-prop {
			text-align:center;
		}

		table.gridtable td.center {
			text-align:center;
		}

		table.gridtable td.center {
			text-align:center;
		}

		table.gridtable td {
			border-width: 1px;
			padding: 8px;
			border-style: solid;
			border-color: #666666;
			background-color: #fff;
			font:normal 15px "Microsoft YaHei";
		}
		table.gridtable td p {
			text-indent:2em;
		}

		table.inner5{
			margin:-1px;
		}

		table.inner5 td{
			width:130px;
		}

		table.inner4{
			margin:-1px;
		}
		table.inner4 td.inner4-prop{
			width:139px;
		}

		table.inner4  td.inner4-value{
			width:185px;
		}

		table.work-print {
			width:649px; margin:0 auto;
		}

		table.work-print2 th {
			width:139px;
		}
		table.work-print2 td {
			width:510px;
		}


		.a4{width:794px; margin:0 auto;}
		.a4_content{width:689px; margin:0 auto;}
		.info{margin:8px 20px}

		h3{ text-align:center;}

		table.not-first {
			margin-top:20px;
		}

		.photo_box{ width:610px; margin:10px auto; over-flow:hidden; background:#fff; text-align:center;}
		ul { width:500px;}
		ul li {width:240px; display:block; float:left; margin:0 10px 10px 0;}
		ul li img { width:240px;}


		.print_box { width:649px; margin:10px auto 0; text-align:right;}
	</style>
	<script>

		function print_page() {
			if (!!window.ActiveXObject || "ActiveXObject" in window) {
				remove_ie_header_and_footer();
			}
			window.print();
		};

		function remove_ie_header_and_footer() {
			var hkey_root, hkey_path, hkey_key;
			hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
			try {
				var RegWsh = new ActiveXObject("WScript.Shell");
				RegWsh.RegWrite(hkey_path + "header", "");
				RegWsh.RegWrite(hkey_path + "footer", "");
			} catch (e) {}
		}

	</script>

	<style media="print">
		@page {
			size: auto;
			margin: 0mm;
		}
	</style>

</head>
<body>
<div class="a4" id="rrapp">
	<div class="a4_content">

		<h3><span v-text="ordertracking.customname">某某公司</span>集装箱运输派车单</h3>

		<div>
			<table class="gridtable work-print">
				<tr>
					<td class="prop normal-prop">
						运单编号
					</td>
					<td class="normal-value" v-text="ordertracking.waybill">
					</td>
				</tr>
				<tr>
					<td colspan="2" style="padding:0;">
						<table style="" class="inner4">
							<tr>
								<td class="prop inner4-prop">
									派车时间
								</td>
								<td class="inner4-value" v-text="container.dispatchTime">
								</td>
								<td class="prop inner4-prop">
									车号
								</td>
								<td class="inner4-value" v-text="container.car">
								</td>
							</tr>
							<tr>
								<td class="prop inner4-prop">
									司机
								</td>
								<td class="inner4-value" v-text="container.driver">
								</td>
								<td class="prop inner4-prop">
									客户简称
								</td>
								<td class="inner4-value" v-text="ordertracking.customsimplename">
								</td>
							</tr>
							<tr>
								<td class="prop inner4-prop">
									船名/航次
								</td>
								<td class="inner4-value" v-text="ordertracking.shipname + '/' + ordertracking.voyage">
								</td>
								<td class="prop inner4-prop">
									客户联系电话
								</td>
								<td class="inner4-value" v-text="ordertracking.contactpersontel">
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td class="prop normal-prop">
						提单号
					</td>
					<td class="normal-value" v-text="ordertracking.ladingbil">
					</td>
				</tr>
				<tr>
					<td class="prop normal-prop">
						提货单位
					</td>
					<td class="normal-value" v-text="ordertracking.delivercompany">
					</td>
				</tr>
				<tr>
					<td colspan="2" style="padding:0;">
						<table style="" class="inner4">
							<tr>
								<td class="prop inner4-prop">
									提货联系人
								</td>
								<td class="inner4-value" v-text="ordertracking.deliverperson">
								</td>
								<td class="prop inner4-prop">
									提货电话
								</td>
								<td class="inner4-value" v-text="ordertracking.delivertel">
								</td>
							</tr>
							
						</table>
					</td>
				</tr>
				<tr>
					<td class="prop normal-prop">
						提空地点
					</td>
					<td class="normal-value" v-text="ordertracking.pickemptyaddress">
					</td>
				</tr>
				<tr>
					<td colspan="2" style="padding:0;">
						<table style="" class="inner4">
							<tr>
								<td class="prop inner4-prop">
									提空联系人
								</td>
								<td class="inner4-value" v-text="ordertracking.pickemptyperson">
								</td>
								<td class="prop inner4-prop">
									提空联系人电话
								</td>
								<td class="inner4-value" v-text="ordertracking.pickemptytel">
								</td>
							</tr>
							<tr>
								<td class="prop inner4-prop">
									提重地点
								</td>
								<td class="inner4-value" v-text="ordertracking.pickweightaddress">
								</td>
								<td class="prop inner4-prop">
									提重联系人电话
								</td>
								<td class="inner4-value" v-text="ordertracking.pickweighttel">
								</td>
							</tr>
							<tr>
								<td class="prop inner4-prop">
									还重地点
								</td>
								<td class="inner4-value" v-text="ordertracking.backweightaddress">
								</td>
								<td class="prop inner4-prop">
									还重联系人电话
								</td>
								<td class="inner4-value" v-text="ordertracking.backweighttel">
								</td>
							</tr>
							<tr>
								<td class="prop inner4-prop">
									箱号
								</td>
								<td class="inner4-value" v-text="container.containerno">
								</td>
								<td class="prop inner4-prop">
									封号
								</td>
								<td class="inner4-value" v-text="container.closeno">
								</td>
							</tr>
							<tr>
								<td class="prop inner4-prop">
									箱型
								</td>
								<td class="inner4-value" v-text="container.type">
								</td>
								<td class="prop inner4-prop">
									集装箱使用要求
								<td class="inner4-value" v-text="ordertracking.requirement">
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td class="prop normal-prop">
						送货地址
					</td>
					<td class="normal-value" v-text="ordertracking.deliveraddress">
					</td>
				</tr>
				<tr>
					<td colspan="2" style="padding:0;">
						<table style="" class="inner4">
							<tr>
								<td class="prop inner4-prop">
									送货联系人
								</td>
								<td class="inner4-value" v-text="ordertracking.deliverperson">
								</td>
								<td class="prop inner4-prop">
									送货联系人电话
								</td>
								<td class="inner4-value">
								</td>
							</tr>
							
						</table>
					</td>
				</tr>
				<tr>
					<td class="prop normal-prop">
						装送货注意事项
					</td>
					<td class="normal-value" v-text="ordertracking.matters">
					</td>
				</tr>
				<tr>
					<td colspan="2" style="padding:0;">
						<table style="" class="inner4">
							<tr>
								<td class="prop inner4-prop">
									备注
								</td>
								<td class="inner4-value">
								</td>
								<td class="prop inner4-prop">
									客户签收
								</td>
								<td class="inner4-value">
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>

		</div>
		<div class="info">
		技术支持：天津成泰科技有限公司 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		打印时间：<span v-text="time"></span>
		</div>
		<div class="print_box no-print">
			<!--
            <a href="./printer?id=" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> 打印</a>
            -->
			<a @click="reload" class="btn btn-default"><i class="glyphicon glyphicon-arrow-left"></i> 返回</a>
			<a href="javascript:print();void(0);" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> 打印</a>
		</div>

	</div>
</div>


</body>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />

<script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script src="${request.contextPath}/statics/js/modules/sys/container.js?_${.now?long}"></script>
<script>

	vm.act = 'edit';

	$(function() {
		$("title").html("");


		var w = $(".cover img").width();
		if(w > 610) {
			$(".cover img").width(610);
		} else if(610 - w < 20) {
			//$(".cover img").width(610);
		}

		//print();
	});
</script>
</html>
